<!DOCTYPE html>
{% load static %}
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>RGZN - 智能思想空间</title>
  <link href="{% static 'index.css' %}" rel="stylesheet" type="text/css" />
</head>

<body>
  <!-- 页眉 -->
  <header>
    <div class="nav-container">
      <div class="logo">
        <div class="logo-icon"><i class="fas fa-atom"></i></div>
        <div class="logo-text">RGZN</div>
      </div>
      <ul class="nav-links">
        <li><a href="#"><i class="fas fa-home"></i> 首页</a></li>
        <li><a href="#"><i class="fas fa-briefcase"></i> 博客</a></li>
        <li><a href="#"><i class="fas fa-user"></i> 关于</a></li>
        <li><a href="#"><i class="fas fa-sign-out-alt"></i> 退出登录</a></li>
      </ul>
    </div>
  </header>

  <!-- 主内容区 -->
  <main>
    <!-- 头条文章模块 -->
    <div class="hero">
      <h1>探索智能思想的边界</h1>
      <p>在技术与想象的交集中，发现数字世界的无限可能性</p>
      <div class="hero-divider"></div>
    </div>

    <!-- 博客文章列表 -->
    <div class="blog-grid">

      <!-- 文章卡片1 -->
      <div class="post-card">
        <div class="post-image">
          <img src="https://images.unsplash.com/photo-16774235351-f3b3c8c0ef3?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
               alt="人工智能">
        </div>
        <div class="post-content">
          <div class="post-meta">
            <div class="post-author">王小明</div>
            <div class="post-date">2024年12月05日</div>
          </div>
          <h2><a href="#">AI 革命：如何改变我们的工作与生活</a></h2>
          <p class="post-excerpt">探索人工智能的发展历程与趋势，从自动化到创造力的转变...</p>
          <div class="post-tags">
            <div class="tag">人工智能</div>
            <div class="tag">未来工作</div>
            <div class="tag">科技创新</div>
          </div>
          <a href="#" class="read-more">阅读全文</a>
        </div>
      </div>

      <!-- 文章卡片2 -->
      <div class="post-card">
        <div class="post-image">
          <img src="https://images.unsplash.com/photo-15307535-70c2572f7?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
               alt="量子计算">
        </div>
        <div class="post-content">
          <div class="post-meta">
            <div class="post-author">李思远</div>
            <div class="post-date">2024年12月03日</div>
          </div>
          <h2><a href="#">量子计算的未来：突破经典计算的边界</a></h2>
          <p class="post-excerpt">量子计算机如何解决复杂问题，探索量子计算的基本原理与实际应用...</p>
          <div class="post-tags">
            <div class="tag">量子计算</div>
            <div class="tag">未来科技</div>
            <div class="tag">算法</div>
          </div>
          <a href="#" class="read-more">阅读全文</a>
        </div>
      </div>

      <!-- 文章卡片3 -->
      <div class="post-card">
        <div class="post-image">
          <img src="https://images.unsplash.com/photo-151877060459-63b9e5f75?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
               alt="物联网">
        </div>
        <div class="post-content">
          <div class="post-meta">
            <div class="post-author">张宇</div>
            <div class="post-date">2024年12月02日</div>
          </div>
          <h2><a href="#">物联网的智能城市蓝图：让城市更高效、更安全</a></h2>
          <p class="post-excerpt">从智能家居到智能交通系统，物联网如何重塑现代城市的基础设施...</p>
          <div class="post-tags">
            <div class="tag">物联网</div>
            <div class="tag">智慧城市</div>
            <div class="tag">未来城市</div>
          </div>
          <a href="#" class="read-more">阅读全文</a>
        </div>
      </div>

      <!-- 文章卡片4 -->
      <div class="post-card">
        <div class="post-image">
          <img src="https://images.unsplash.com/photo-1559751877-4d754e5f880?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
               alt="机器学习">
        </div>
        <div class="post-content">
          <div class="post-meta">
            <div class="post-author">刘思雨</div>
            <div class="post-date">2024年12月01日</div>
          </div>
          <h2><a href="#">机器学习实战：从理论到应用的全面解析</a></h2>
          <p class="post-excerpt">机器学习的核心算法，模型构建和部署的关键步骤和典型案例...</p>
          <div class="post-tags">
            <div class="tag">机器学习</div>
            <div class="tag">算法实践</div>
            <div class="tag">技术解析</div>
          </div>
          <a href="#" class="read-more">阅读全文</a>
        </div>
      </div>

      <!-- 文章卡片5 -->
      <div class="post-card">
        <div class="post-image">
          <img src="https://images.unsplash.com/photo-1547326705-185e8f5e48?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
               alt="网络安全">
        </div>
        <div class="post-content">
          <div class="post-meta">
            <div class="post-author">陈墨</div>
            <div class="post-date">2024年11月30日</div>
          </div>
          <h2><a href="#">网络安全新趋势：应对未来数字威胁</a></h2>
          <p class="post-excerpt">从人工智能驱动的网络安全到数据隐私保护技术，保护企业免受攻击...</p>
          <div class="post-tags">
            <div class="tag">网络安全</div>
            <div class="tag">信息安全</div>
            <div class="tag">数字安全</div>
          </div>
          <a href="#" class="read-more">阅读全文</a>
        </div>
      </div>

      <!-- 文章卡片6 -->
      <div class="post-card">
        <div class="post-image">
          <img src="https://images.unsplash.com/photo-1704840733-45b9737f92?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
               alt="区块链">
        </div>
        <div class="post-content">
          <div class="post-meta">
            <div class="post-author">赵天宇</div>
            <div class="post-date">2024年11月18日</div>
          </div>
          <h2><a href="#">区块链技术应用：超越加密货币的革新</a></h2>
          <p class="post-excerpt">从供应链管理到数字身份验证，探索区块链如何改变传统业务流程...</p>
          <div class="post-tags">
            <div class="tag">区块链</div>
            <div class="tag">去中心化</div>
            <div class="tag">技术革新</div>
          </div>
          <a href="#" class="read-more">阅读全文</a>
        </div>
      </div>

    </div>
  </main>

  <!-- 页脚 -->
  <footer>
    <div class="footer-content">
      <div class="footer-section">
        <h3>关于 RGZN</h3>
        <p>探索未知，分享洞见。RGZN 致力于打造一个专注于智能科技与前沿思想的社区平台，帮助读者理解正在改变世界的技术浪潮。</p>
      </div>
      <div class="footer-section">
        <h3>快速链接</h3>
        <ul class="footer-links">
          <li><a href="#"><i class="fas fa-chevron-right"></i> 最新文章</a></li>
          <li><a href="#"><i class="fas fa-chevron-right"></i> 热门话题</a></li>
          <li><a href="#"><i class="fas fa-chevron-right"></i> 作者专栏</a></li>
          <li><a href="#"><i class="fas fa-chevron-right"></i> 订阅资讯</a></li>
        </ul>
      </div>
      <div class="footer-section">
        <h3>关注我们</h3>
        <ul class="footer-links">
          <li><a href="#"><i class="fab fa-weixin"></i> 微信</a></li>
          <li><a href="#"><i class="fab fa-qq"></i> QQ空间</a></li>
          <li><a href="#"><i class="fas fa-comments"></i> 公众号</a></li>
          <li><a href="#"><i class="fas fa-hashtag"></i> 小程序</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <p>© 2025 RGZN 智能思想空间 | 探索科技边界 启迪创新思维</p>
    </div>
  </footer>

</body>

</html>